@import '~@/assets/iconfont/iconfont.css';
@import '@/styles/element-ui-reset';

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
}

img {
    vertical-align: top;
    border: none
}

/* 清除内外边距 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}

/* 重置列表元素 */
ul,
ol,
li {
    list-style: none;
}

/* 重置文本格式元素 */
a {
    text-decoration: none;
}


/* for ie6 */
fieldset,
img {
    border: none;
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.full-screen-container {
    width: 100%;
    display: flex;
    justify-content: center;
    min-width: 1200px;
    .main-container {
        width: 1200px;
    }
}

.flex {
    &-start {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    &-end {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    &-between {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    &-around {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    &-center {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.black-font-color {
    color: var(--srt-color-black);
}

.gray-font-color {
    color: var(--srt-color-gray);
}

.light-gray-font-color {
    color: var(--srt-color-light-gray);
}

.pointer {
    cursor: pointer;
}

.overflow-ellipsis {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-select {
    .el-input__wrapper {
        border-radius: 0;
        color: #222;
        background-color: transparent !important;
        // background-image: transparent;
        border-bottom: 1px solid #E0E2E4;
        box-shadow: 0 0 0 1px transparent inset;
        .el-icon {
            color: #222 !important;
        }
        &:hover, &:visited, &:focus-visible, &:focus {
            box-shadow: 0 0 0 1px transparent inset;
        }
    }
    .el-select:hover:not(.el-select--disabled) .el-input__wrapper {
        box-shadow: 0 0 0 1px transparent inset;
    }
    .el-select .el-input__inner {
        color: #222;
    }
    .el-select .el-input__wrapper.is-focus {
        box-shadow: 0 0 0 1px transparent inset!important;
    }
    .el-select .el-input.is-focus .el-input__wrapper {
        box-shadow: 0 0 0 1px transparent inset!important;
    }
}
// 滚动条
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    width: 6px;
    background: transparent;
    padding-right: 4px;
}

::-webkit-scrollbar-thumb {
    width: 6px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #666;
}

::-webkit-scrollbar-resizer {
    background: rgba(0, 0, 0, 0.4);
}
.clearfix {
    content: "";
    display: table;
    clear: both;
}
